<template>
  <div class="serve">
    <!-- 头部 -->
    <InsideHeader :bannerType="bannerType"></InsideHeader>

    <!-- 面包屑 -->
    <!-- <crumb></crumb> -->
    <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}" class="on">售后服务</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                    <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>


    <!-- afterServiceW -->
    <div class="block">
        <div class="afterServiceW">
            <!-- Ctit -->
            <div class="Ctit">
                <p>售后服务</p>
            </div>
            <div class="solutionIdea">
              <div class="tab">
                    <ul>
                        <li @click="tabStyle(0)" :class="[{tabS:id==0}]"><span> FA</span></li>
                        <li @click="tabStyle(1)" :class="[{tabS:id==1}]"><span>CNC</span></li>
                        <li @click="tabStyle(2)" :class="[{tabS:id==2}]"><span>加工机</span></li>
                        <div class="clear"></div>
                    </ul>
                </div>
                <!-- FA -->
                <div v-show="id===0" class="kind">
                  <div class="tabInside">
                    <ul class="tabInsideTop">
                          <li v-for=" (item,index) in tabInside" @click="tabInsideF(index)" :class="[{tabInsideTopA:tabInsideid==index}]">{{item}}</li>
                          <div class="clear"></div>
                      </ul>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info1">
                          <h2 class="lineup02"><span>服务据点</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <div class="solutionIdeaCar3Con1Etable">
                              <table>
                                <tr class="tabhead">
                                  <td>服务点属性</td>
                                  <td>城市</td>
                                  <td>地址</td>
                                  <td>电话</td>
                                  <td>对应产品</td>
                                </tr>
                                <tr>
                                  <td>售后服务中心</td>
                                  <td>上海</td>
                                  <td>上海市虹桥路1386号三菱电机自动化中心</td>
                                  <td>86-21-2322-3030</td>
                                  <td>PLC/HMI/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>售后服务中心</td>
                                  <td>北京</td>
                                  <td>北京市朝阳区酒仙桥路20号颐堤港一座第5层504-506单元</td>
                                  <td>86-10-6518-8830</td>
                                  <td>PLC/HMI/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>售后服务中心</td>
                                  <td>天津</td>
                                  <td>天津市河西区友谊路35号城市大厦2003、2004B室</td>
                                  <td>86-22-2813-1015</td>
                                  <td>PLC/HMI/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>售后服务中心</td>
                                  <td>西安</td>
                                  <td>西安市雁塔区南二环西段88号老三届.世纪星大厦24层DE室</td>
                                  <td>86-29-8730-5236 </td>
                                  <td>PLC/HMI/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>售后服务中心</td>
                                  <td>西安</td>
                                  <td>深圳市龙岗区雅宝路1号星河WORLD B栋大厦8层</td>
                                  <td>86-755-2399-8272</td>
                                  <td>PLC/HMI/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>售后服务中心</td>
                                  <td>成都</td>
                                  <td>成都市青羊区光华北三路98号光华中心C栋15楼</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/HMI/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>青岛</td>
                                  <td>青岛科菱恒信工贸有限公司 青岛高新区科海路333号金文科技</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>北京</td>
                                  <td>北京高威科电气技术股份有限公司</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>河南</td>
                                  <td>河南八方自动化设备有限公司</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>武汉</td>
                                  <td>武汉兴东机电设备工程有限公司</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>杭州</td>
                                  <td>杭州市西湖区荆山岭路2号汇峰国际D座2楼206</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>佛山</td>
                                  <td>佛山机电安装集团有限公司</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>东莞</td>
                                  <td>东莞市南城区黄金路1号东莞天安数码城A1栋1309</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>深圳</td>
                                  <td>深圳市福田区车公庙大庆大厦27A</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>深圳</td>
                                  <td>深圳市罗湖区东门南路华都园大厦26楼J</td>
                                  <td>86-28-8446-8030</td>
                                  <td>PLC/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>昆明</td>
                                  <td>昆明市五华区学府路754号鼎易天景小区5栋2单元801室</td>
                                  <td>86-871-6827 7739</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>贵州</td>
                                  <td>贵州省贵阳市中华北路18号银海大厦16楼A座</td>
                                  <td>86-851-6907 431</td>
                                  <td>PLC/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>张家港</td>
                                  <td>张家港市杨舍镇邵巷北路38号华怡商务楼4楼</td>
                                  <td>86-512-5638 2105</td>
                                  <td>PLC/INV/SV/ROBOT</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>无锡</td>
                                  <td>无锡梁溪区上马墩路18号传感技术大楼A座10楼1009室</td>
                                  <td>86-510-82435092</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>重庆</td>
                                  <td>重庆市石桥铺科园一路渝高广场D座15-3</td>
                                  <td>86-23-6850 9006</td>
                                  <td>PLC/INV/SV</td>
                                </tr>
                                <tr>
                                  <td>授权维修站(SS)</td>
                                  <td>东莞</td>
                                  <td>东莞市万江区港口大道新华路新华南区58号运通科技大厦8楼</td>
                                  <td>86-769-2805 6288</td>
                                  <td>ROBOT</td>
                                </tr>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info2">
                          <h2 class="lineup02"><span>服务流程</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <img src="../../static/images/solutionIdeaiQPlatform.png">
                          </div>
                        </div>
                      </div>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info3">
                          <h2 class="lineup02"><span>服务内容</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <p>针对三菱电机FA产品，提供持入式维修、现场维修，现场点检保养、故障品质调查、维护培训等全方位的售后服务支持，帮助客户迅速排除故障。</p>
                          </div>
                        </div>
                      </div>
                  </div>
                </div>
                <!-- CNC -->
                 <div v-show="id===1" class="kind">
                  <div class="tabInside">
                    <ul class="tabInsideTop">
                          <li v-for=" (item,index) in tabInside" @click="tabInsideF(index)" :class="[{tabInsideTopA:tabInsideid==index}]">{{item}}</li>
                          <div class="clear"></div>
                      </ul>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info1">
                          <h2 class="lineup02"><span>服务据点</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <div class="solutionIdeaCar3Con1Etable">
                              <table>
                                <tr>
                                  <td>服务点属性</td>
                                  <td>城市</td>
                                  <td>地址</td>
                                  <td>电话</td>
                                  <td>对应产品</td>
                                </tr>
                                <tr>
                                  <td>受理中心</td>
                                  <td>上海</td>
                                  <td>上海市虹桥路1386号三菱电机自动化中心</td>
                                  <td>86-21-2322-3030</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>北京</td>
                                  <td>北京市朝阳区酒仙桥路20号颐堤港一座第5层504</td>
                                  <td>86-10-6518-8830</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>天津</td>
                                  <td>天津市河西区友谊路35号城市大厦3203、3204 B室 </td>
                                  <td>86-22-2813-1015</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>西安</td>
                                  <td>西安市雁塔区南二环西段88号老三届.世纪星大厦24层DE室</td>
                                  <td>86-29-8730-5236 </td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>大连</td>
                                  <td>大连市经济技术开发区东北区三街5号</td>
                                  <td>86-411-8765-5951</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>深圳</td>
                                  <td>深圳市龙岗区雅宝路1号星河WORLD B栋大厦8层</td>
                                  <td>86-755-2399-8272</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>东莞</td>
                                  <td>东莞市长安镇锦厦路段振安大道聚和国际机械五金城C308室</td>
                                  <td>86-769-8547-9675</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>厦门</td>
                                  <td>福建省厦门市集美区英瑶路122-126（双号）2层</td>
                                  <td>86-592-6150-301</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>成都</td>
                                  <td>成都市青羊区光华北三路98号 光华中心 C栋15楼1501-1503号 </td>
                                  <td>86-28-8446-8030</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>苏州</td>
                                  <td>苏州市苏州工业园区 苏州中心办公楼C座 06层601、608室</td>
                                  <td>86-28-8446-8030</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>青岛</td>
                                  <td>青岛市高新区科海路333号办公楼一楼</td>
                                  <td>86-512-6258-8830</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>武汉</td>
                                  <td> 武汉市江汉区云霞路187号 泛海国际中心A单元904B</td>
                                  <td>86-27-8555-8043</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>宁波</td>
                                  <td> 宁波市海曙区南站东路16号湖银座大厦612-613室</td>
                                  <td>86-574-8730-0815</td>
                                  <td>CNC</td>
                                </tr>
                                <tr>
                                  <td>服务中心</td>
                                  <td>大连</td>
                                  <td> 辽宁省大连经济技术开发区东北三街5号-B</td>
                                  <td>暂无</td>
                                  <td>CNC</td>
                                </tr>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info2">
                          <h2 class="lineup02"><span>服务流程</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <p>三菱电机CNC在全国各地设有多个售后服务点及备件仓库，系统若出现故障，客户可以通过“多渠道”叫修方式联系受理中心，其将安排距离客户最近的服务点或备件仓库为客户服务！CNC售后服务通过一套完整的服务软件（ASTEA），关联着整个服务流程，从而提高客户服务速度及效率！</p>
                            <h4>CNC售后受理窗口</h4>
                            <p>上海市虹桥路1386号三菱电机自动化中心传真：021-23223000-8422 e-mail: cnc_service@meach.cn</p>
                            <p>深圳市龙岗区雅宝路1号星河WORLDB栋大厦8层传真：0755-82293686 e-mail: szcnc_service@meach.cn</p>
                            <h4>CNC售后受理方式</h4>
                            <p>电话、传真、邮箱、微信</p>
                            <h4>电话服务支援内容</h4>
                            <p>以拥有10年以上经验的资深工程师担任解答，亲切专业的态度，运用三菱专业管理系统，提供顾客全方位的售后服务。</p>
                            <h4>服务内容：</h4>
                            <p>故障问题咨询</p>
                            <p>操作问题咨询</p>
                            <p>维护保养咨询</p>
                            <p>零件采购咨询</p>
                            <p>翻新品及延长保修咨询</p>
                          </div>
                        </div>
                      </div>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info3">
                          <h2 class="lineup02"><span>服务内容</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <h4>现场服务</h4>
                            <p>从生产规划到运行调试，从维护维修到产品技术升级的每一个阶段，遍布全国的服务网络，经验丰富的服务工程师都会为您使用三菱电机产品提供专业、高效的服务。</p>
                            <h4>服务内容：</h4>
                            <p>系统软/ 硬件升级</p>
                            <p>■ 伺服/主轴加工调试 </p>
                            <p>■ 系统改造</p>
                            <p>■ 故障诊断/ 排除 </p>
                            <p>■ 设备维护的培训与咨询 </p>
                            <p>■ 完整数据备份 </p>
                            <h4>服务特色：</h4>
                            <p>■ 遍布全国各地，与客户近在咫尺的服务网络</p>
                            <p>■ 精通三菱电机CNC产品的技术专家</p>
                            <p>■ 成熟完善的服务管理体系</p>
                            <h4>备件更换服务</h4>
                            <p>三菱CNC售后受理中心为客户提供零件更换服务，并对可维修的备件提供返厂维修服务。</p>
                            <h4>服务内容:</h4>
                            <p>■ 现场服务：   客户在使用三菱CNC产品时发生故障，如果系统在保修期内三菱工程师将去客户现场进行免费维修。</p>
                            <p>■ 邮寄服务：   售后受理中心安排运输公司将零件送达客户处，由机床厂家或者客户自行更换</p>
                            <p>■ 零件修理   对可维修的三菱CNC产品提供返厂检测和维修。</p>
                            <h4>服务特色:</h4>
                            <p>■ 平均95%以上当日发送</p>
                            <p>■ 发货到PM 17:00</p>
                            <p>■ 紧急零件发货需求，除平时工作时间以外，   也可以对应。</p>
                            <h4>微信叫修服务</h4>
                            <p>关注微信公众号“三菱电机自动化中国”-产品服务-CNC专区，即可实现CNC微信叫修。</p>
                          </div>
                        </div>
                      </div>
                  </div>
                </div>
                <!-- 加工机 -->
                <div v-show="id===2" class="kind">
                  <div class="tabInside">
                    <ul class="tabInsideTop">
                          <li v-for=" (item,index) in tabInside" @click="tabInsideF(index)" :class="[{tabInsideTopA:tabInsideid==index}]">{{item}}</li>
                          <div class="clear"></div>
                      </ul>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info1">
                          <h2 class="lineup02"><span>服务据点</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <div class="solutionIdeaCar3Con1Etable">
                              <table>
                                <tr>
                                  <td>城市</td>
                                  <td>地点</td>
                                  <td>电话</td>
                                </tr>
                                <tr>
                                  <td>上海</td>
                                  <td>上海市</td>
                                  <td>026-2038475</td>
                                </tr>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info2">
                          <h2 class="lineup02"><span>服务流程</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <p>服务流程</p>
                          </div>
                        </div>
                      </div>
                      <div class="tabInsideBottom">
                        <div class="solutionIdeaCar3Con1" id="info3">
                          <h2 class="lineup02"><span>服务内容</span></h2>
                          <div class="solutionIdeaCar3Con1E">
                            <p>服务内容</p>
                          </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
        </div>
    </div>
    
   
    <!-- 链接 -->
    <Insidelink></Insidelink>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/serve.css";
import "@/assets/css/news.css";
import InsideHeader from "@/components/head";
import HomeHooter from "@/components/footer";
import crumb from "@/components/crumb";
import Insidelink from "@/components/link";

export default {
  name: "afterServiceW",
  data() {
    return {
        bannerType:'afterServiceW',
        tabInsideid:0,
        id:0,
        tabInside:[
            '服务据点',
            '服务流程',
            '服务内容',
        ],
    };
  },
  components: {
    InsideHeader,
    HomeHooter,
    crumb,
    Insidelink
  },
  methods: {
    tabStyle(index){
                this.id=index
            },
            tabInsideF(index){
                this.tabInsideid=index
                var elemId="#info"+index
                const anchorEle = document.querySelector(elemId);
                if (!!anchorEle ) {
                  anchorEle .scrollIntoView(true);
                }
            }
  }
};
</script>

<style scoped>
.lineup02{
    font-size: 90%;
    font-weight: bold;
    margin: 30px 0 20px;
  padding: 0 0 5px 0px;
    border-bottom: solid 1px #ccc;
}
.lineup02 span {
    padding: 5px 0 3px 10px;
    display: block;
    word-wrap: break-word;
     border-left: solid 3px #ee4e5b;
     font-size: 16px;
}
.solutionIdeaCar3Con1Etable td{
  line-height: 25px;
}
table{
   border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-spacing: 0;/*去掉单元格间隙*/
}
table td{
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.tabhead{
  font-size: 14px;
  background-color: #f1f1f1;
  font-weight: bold;
}
.solutionIdeaCar3Con1E p{
  font-size: 14px
}
.solutionIdeaCar3Con1E h4{
    font-size: 16px;
    margin: 10px 0;
}
</style>